<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>作用域</title>
</head>

<body>
  <!-- 
        全局作用域：一个页面就是一个全局作用域
        私有作用域：只有函数 生成私有作用域
     -->
  <script>
    //访问：自己有用自己的，自己没有用父级的，以此类推，到全局都没有就报错
    var n = 100 //定义：声明在什么位置的变量是哪一个作用域的变量  属于全局作用域
    function a() {
      var n = 200 //属于私有作用域a
      function b() {
        var n = 300//属于私有作用域b
        n = 4567//赋值：自己给自己赋值，自己若没有就给父级的赋值，以此类推，到全局都没有，定义为全局再赋值
        console.log(n)
      }
      console.log(n)
      b()
      console.log(b);
    }
    a()
    function c() {
      var n1 = 400 //属于私有作用域c
      console.log(n1)
    }
    c()
  </script>
</body>

</html>